﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link type="text/css" rel="stylesheet" href="css/960_24_col_rtl.css" />
<link type="text/css" rel="stylesheet" href="css/reset.css" />
<link type="text/css" rel="stylesheet" href="css/text.css" />
<link type="text/css" rel="stylesheet" href="css/geral.css" />
<link type="text/css" rel="stylesheet" href="css/colorOriginal.css" />
<link type="text/css" rel="stylesheet" href="css/overlay-apple.css" />
<link type="text/css" rel="stylesheet" href="css/scrollable.css" />
<link type="text/css" rel="stylesheet" href="css/menu.css" />

<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/efects.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Portifólio Frank Bezerra</title>

</head>

<body>

<div id="head">
  <div class="container_24 top-head">
    <div class="logo aling-left">
    	<a href="#">Frank Bezerra, desenvolvedor de interfaces Web, Brasilía - DF</a>
    </div>
    
    <div class="menu-tabs">
    	<ul class="navigation">
        	<li class="menu-head">
            	<span class="menu-head-item active__"><a href="/">Portifólio</a></span>                
            </li>
            <li class="menu-head">
            	<span class="menu-head-item"><a href="/">Contato</a></span>
            </li>
        </ul>
    </div>
     
    <div class="clear"></div>
  </div>
</div>

<div id="faixa-top">

  <div class="container_24">
    <div class="grid_24 presentation aling-left">
    
      <div class="foto"> 
          <img src="img/img-frank.png" alt="Foto de Frank" /> </div>
          <h1> Meu nome é <strong>Frank Bezerra</strong>, sou <strong>Desenvolvedor de interfaces Web</strong> no portal <span class="underline">Medicando</span>, especializado em Design-web, crio interfaces e templates para portais seguindo os padrões de web standards e acessibilidade. </h1>
          <div class="clear"></div>
    </div>
    
  </div>
  
</div>


<div id="container" class="container_24">
  <div class="home-about aling-left">
  
    <div class="F1 about-F about1"> 
    	<img src="img/medicando/capa.png" alt="Medicando" rel="#medicando" width="431" height="324" />
      <div class="item-content">
        <h2 class="font-normal">Portal Medicando</h2>
        <p class="item-description">
        	<strong>Empresa:</strong> Medicando
        </p>
        <p class="item-description">
        	<strong>Serviço:</strong> Design da interface
        </p>
        <p class="item-description">
        	<strong>Tecnologias:</strong> XHTML, CSS, CSS 3, Tableless, Web Standards, Jquery, Photoshop e FireWorks CS5
        </p>
        <p class="item-description">
        	<strong>Descrição:</strong> O Medicando é a rede para quem cuida da saúde. Aqui você encontrará, num só lugar, conteúdo de qualidade, buscador completo de profissionais de saúde e uma rede social, onde pacientes poderão interagir, trocar ideias e experiências com seus especialistas de preferência.
        </p>
      </div>
    </div>
    
    <div class="F1 about-F about2">
    	<img src="img/mirante/capa.png" alt="Mirante" rel="#mirante" width="431" height="324" />
      <div class="item-content">
        <h2 class="font-normal">Mirante Tecnologia</h2>
        <p class="item-description">
        	<strong>Empresa:</strong> Mirante Tecnologia
        </p>
        <p class="item-description">
        	<strong>Serviço:</strong> Design da interface e analista de Interface
        </p>
        <p class="item-description">
        	<strong>Tecnologias:</strong> XHTML, CSS, Tableless, Web Standards, Jquery, Photoshop e FireWorks CS5
        </p>
        <p class="item-description">
        	<strong>Descrição:</strong> A Mirante é uma empresa que presta serviços aos órgãos públicos para desenvolvimento de sistemas Web, ao longo de minha jornada, trabalhei com o desenvolvimento para os portais da ANVISA, Aeronautica e TC-DF.
        </p>
      </div>
    </div>
    
  </div>
</div>

<div id="footer" class="container_24">
	<div class="copy">
    	&copy; Frank Bezerra Simião
    </div>
</div>


<!-- Galeria Mirante -->
<div id="mirante" class="apple_overlay black"> 
  <a class="close"></a>
  <!-- Galeria de Fotos --> 
  <!-- "previous page" action --> 
  <a class="prev browse left" title="Voltar">Voltar</a> 
  
  <!-- root element for scrollable -->
  <div class="scrollable"> 
    
    <!-- root element for the items -->
    <div class="items"> 
      
      <!-- 1 -->
      <div> 
      	<img src="img/mirante/mirante01.png" alt="Poster da Mirante" />
        <div class="details">
            <h2>Intranet Mirante</h2>
            <p> Template escolhido para a nova intranet da empresa. </p>
        </div>
      </div>
      
      <!-- 2 -->
      <div> 
      	<img src="img/mirante/mirante02.png" alt="Intranet Mirante" />
        <div class="details">
            <h2>Intranet Mirante</h2>
            <p> Template escolhido para a nova intranet da empresa. </p>
        </div>
      </div>
      
      <!-- 3 -->
      <div>
      	<img src="img/mirante/mirante03.png" alt="Portal Mirante" />
        <div class="details">
            <h2>Portal Mirante</h2>
            <p> Ajudei na escolha da paleta de cores, marcação e comportamento dos menus.</p>
        </div>
      </div>
    </div>
    
  </div>
  
  <!-- "next page" action --> 
  <a class="next browse right" title="Avançar">Avançar</a> 
  <!-- Galeria de Foto -->  
  
</div>

<!-- Galeria Mirante -->


<!-- Galeria Medicando -->
<div id="medicando" class="apple_overlay black"> 
  <a class="close"></a>
  <!-- Galeria de Fotos --> 
  <!-- "previous page" action --> 
  <a class="prev browse left" title="Voltar">Voltar</a> 
  
  <!-- root element for scrollable -->
  <div class="scrollable"> 
    
    <!-- root element for the items -->
    <div class="items"> 
      
      <!-- 1 -->
      <div> 
      	<img src="img/medicando/medicando01.png" alt="Tela inicial do portal Medicando" />
        <div class="details">
            <h2>Portal Medicando</h2>
            <p> Diagramação de campos, paleta de cores, padrões Web e semântica.</p>
        </div>
      </div>
      
      <!-- 2 -->
      <div> 
      	<img src="img/medicando/medicando02.png" alt="Tela de Vantagens Medciando" />
        <div class="details">
            <h2>Tela Vantagens Medicando</h2>
            <p> Efeitos de imagens, diagramação e disposição de campos. </p>
        </div>
      </div>
      
      <!-- 3 -->
      <div>
      	<img src="img/medicando/medicando03.png" alt="Tela de Login" />
        <div class="details">
            <h2>Tela de Login</h2>
            <p> Efeitos de imagens, diagramação e disposição de campos, criação de botões e formatação de formulários.</p>
        </div>
      </div>
      
      <!-- 4 -->
      <div>
      	<img src="img/medicando/medicando06.png" alt="Noticias Medicando" />
        <div class="details">
            <h2>Seção de Notícias</h2>
            <p> Uso de CSS 3 e semântica.</p>
        </div>
      </div>
      
      <!-- 5 -->
      <div>
      	<img src="img/medicando/medicando07.png" alt="Notícia na integra" />
        <div class="details">
            <h2>Conteúdo na Integra</h2>
            <p> Diagramação e disposição de campos.</p>
        </div>
      </div>
      
    </div>
    
  </div>
  
  <!-- "next page" action --> 
  <a class="next browse right" title="Avançar">Avançar</a> 
  <!-- Galeria de Foto -->  
  
</div>

<!-- Galeria Medicando -->


</body>
</html>
